<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>湖北省第十七届运动会成绩信息发布</title>
<meta name="keywords" content="湖北省运会成绩管理系统">
<meta name="description" content="湖北省运会成绩管理系统">

<link rel="icon" href="${contextPath}static/favicon.png" type="image/x-icon" />
<link rel="shortcut icon" href="${contextPath}static/favicon.png" />

<link href="${contextPath}static/css/bootstrap.min.css" rel="stylesheet">
<link href="${contextPath}static/css/font-awesome.min.css" rel="stylesheet">
<link href="${contextPath}static/css/sportPublic.css" rel="stylesheet">


<script src="${contextPath}static/js/jquery-1.12.4.min.js?v=4"></script>
<script src="${contextPath}static/js/bootstrap.min.js?v=4"></script>
<script src="${contextPath}static/js/jquery.michiweber.table-head-fixed.js?v=4"></script>
<script src="${contextPath}static/localijs/hhBase64.js?v=4"></script>
<script src="${contextPath}static/localijs/App.js?v=4"></script>
<script src="${contextPath}static/localijs/json.js?v=4"></script>
<script src="${contextPath}static/localijs/sport.js?v=7"></script>
<!-- <style>
    table thead tr th:first-child { width: 120px; }
    table thead tr th:nth-child(2) { text-align: left;}
    table tr td:nth-child(2) { text-align: left;}
</style> -->
</head>
<body>
    <div class="big-bg"></div>
	<div id="Loading" class="loading">
	       <div class="loadImg" style="margin-left: 35%;">
			<img src="${contextPath}static/images/loading.gif">
		</div>
	</div>
    <!-- 左边纵向导航 开始 -->
    <div class="nav-vertical">
      <div class="sport-logo">
		  <img src="${contextPath}static/images/real_logo.png">
		  <span class="sport-logo-txt">2026 · 孝感</span>
      </div>
      <div class="sport-menu">
		    <ul class="sport-menu-list">
				<li <c:if test="${pid eq '12'}">class="active" </c:if>><a href="${contextPath}"> <i class="fa fa-futbol-o"></i>
						<span class="menu-li-txt">青少年体育类</span>
				</a></li>
				<li <c:if test="${pid eq '13'}">class="active"</c:if>><a href="${contextPath}qzty"> <i class="fa fa-universal-access"></i> <span
						class="menu-li-txt">群众体育类</span>
				</a></li>
				<li <c:if test="${pid eq '18'}">class="active"</c:if>><a href="${contextPath}shjlb"> <i class="fa fa-universal-access"></i> <span
						class="menu-li-txt">社会俱乐部类</span>
				</a></li>
			</ul>
<%--         <div class="code">
          <img src="${contextPath}static/images/code.jpg" alt="">
          <span>关注湖北省<br>运动会公众号</span>
        </div> --%>
      </div>
    </div>
    <!-- 左边纵向导航 结束 -->

    <div class="sport-content col-sm-12">
      <div class="sport-content-center">
        <div class="sport-title">湖北省第十七届省运会赛程赛果</div>
        <div class="primary-content">
          <div class="primary-content-title">
            <h2><c:if test="${pid eq '12'}">青少年体育类</c:if><c:if test="${pid eq '13'}">群众体育类</c:if><c:if test="${pid eq '18'}">社会俱乐部类</c:if></h2>
            <div class="sport-tab">
              <ul class="nav nav-tabs">
  					<li><a>总日程</a></li>
					<li><a>决赛成绩</a></li>
					<li class="active"><a>单项赛程</a></li>
					<li><a>纪录</a></li>
			<!-- 		<li><a>奖牌榜</a></li> -->
              </ul>
            </div>
          </div>
          <div class="single-item">
            <div class="single-item-one">
              <a href="javascript:;" class="single-item-name">${group.name } <span class="caret"></span></a>
              <ul class="allsport-items-list" style="display: none;">
                  <c:forEach items="${pGroups}" var ="p">
	                  <li>
						<c:choose>
							<c:when test="${num eq '1'}">
								<span class="word">${p.key}</span>
								<span class="rank">
								<c:forEach items="${p.value}" var="g">
										<a <c:if test="${g.cid eq group.cid}">class="textgreen"</c:if>
											onclick="App.ShowSingleSportInfo(${g.cid},'${g.name}')">${g.name}</a>
								</c:forEach>
								</span>
							</c:when>
							<c:otherwise>
								<span class="sportman-from">${p.key}</span>
									<span class="sportman-kind">
										<c:forEach items="${p.value}" var="g">
											<a <c:if test="${g.cid eq group.cid}">class="textgreen"</c:if>
												onclick="App.ShowSingleSportInfo(${g.cid},'${g.name}')">${g.name}</a>
										</c:forEach>
									</span>
							</c:otherwise>
						</c:choose>
	                  </li>
                  </c:forEach>
              </ul>
            </div>
            <ul class="single-item-classify-list">
                <li><a class="textgreen" onclick="Sport.ShowGroupList(${group.cid},'${group.name }')">运动员</a></li>
                 <c:forEach items="${groups}" var ="g">
	                <li class="hasclassify">
	                  	<a class="group-${g.cid}" onclick="Sport.ShowGroupInfo(${g.cid})">${g.name }</a>
	                </li>
		        </c:forEach>
            </ul>
          </div>

       <div class="current-item-info-hd">
			<span class="current-item-name">${group.name }</span>
			<span class="current-item-time" id="projectName">运动员</span>
	   </div>
	   <div id="content" style="min-height:395px;" data-cid="${group.cid }" data-name="${group.name }">
	       <div class="wrapper-content">
	            <div class="sport-cell">
	              <div class="every-bd">
	                <div class="someone-item">
	                    <div class="sportmen-left">
	                      <div class="panel panel-default">
	                        <div class="panel-heading">
	                          <h3 class="panel-title"><i class="fa fa-th-large"></i> 参赛小项</h3>
	                        </div>
 		                     <ul class="list-group">
	                            <c:forEach items="${matchs}" var="m">
		                            <li class="list-group-item">
			                              <a onclick="Sport.upDown('${m.key}')" data-state="show" id="slideDiv${m.key}">${m.key}
			                                <i class="fa fa-angle-right"></i>
			                              </a>
			                           	  <ul class="list-group list-group-level2 slide-toggle-${m.key}">
		                              		 <c:forEach items="${m.value}" var="t">
			                                	<a onclick="Sport.ShoAthleteList(${t.cid},'${t.classAllName}')" class="list-group-item athlete-${t.cid}">${t.classAllName}</a>
						                     </c:forEach>
			                              </ul>
		                            </li>
		                        </c:forEach>
                        	</ul>

	                      </div>
	                    </div>
	                    <div class="sportmen-right" id="athleteList">

	                    </div>
	                </div>
	              </div>
	            </div>
	          </div>
	   </div>

        </div>
        <div class="sport-footer">
          <p>建议使用IE9及以上版本浏览器 <br>版权所有 湖北省体育局</p>
        </div>
      </div>
    </div>
    <!-- 返回顶部 开始 -->
    <div class="gototop" style="display: none;">
      <a href="javascript:;" title="返回顶部"><i class="fa fa-angle-up"></i></a>
    </div>
    <!-- 返回顶部 结束 -->

<script>
    App.OnclickHandle('${contextPath}','${pid}');
    $(".list-group li:first ul").children("a:eq(0)").click();
    //移入显示小分组
    $(".single-item-classify-list li.hasclassify").mouseover(function(){
        $(this).find('.detailed-list').show();
    }).mouseout(function(){
        $(this).find('.detailed-list').hide();
    })
    //运动项目鼠标移入显示全部运动项目
    $(".single-item-one").mouseover(function(){
        $(this).find('.allsport-items-list').show();
    }).mouseout(function(){
        $(this).find('.allsport-items-list').hide();
    })
    </script>
  </body>
</html>
